<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>赛车游戏</title>
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
    <!--    开始    -->
    <div class="start">
        <img src="img/start_logo.png" alt="" class="start_log">
        <img src="img/start_30s.png" alt="" class="start_1">
        <img src="img/start_dizhonghai.png" alt="" class="start_2">
        <img src="img/start_cheshou.png" alt="" class="start_3">
        <img src="img/start_go.png" alt="" class="start_4">
        <img src="img/start_rule.png" alt="" class="start_5">
    </div>
    <!--    游戏说明    -->
    <div class="shuoming">
        <img src="img/start_ruleup.png" alt="" class="sm1">
        <img src="img/close.png" alt="" class="sm2">
    </div>
    <!--    节目录制现场    -->
    <div class="start_l">
        <img src="img/start_logo.png" alt="" class="start_log">
        <img src="img/wanfa_xianchang.png" alt="" class="start_l1">
        <img src="img/start.png" alt="" class="start_l2">
        <img src="img/wanfa_instruction.png" alt="" class="start_l3">
    </div>

    <!--    赛车    -->
    <canvas id="canvas" width="500" height="500"></canvas>

    <!--    赛车按钮    -->
    <div class="s_btn">
        <img src="img/left_btn.png" alt="" class="s_btn1">
        <img src="img/right_btn.png" alt="" class="s_btn2">
        <img src="img/speed_btn.png" alt="" class="s_btn3">
        <img src="img/slow_btn.png" alt="" class="s_btn4">
        <img src="img/light_1.png" alt="" class="s_btn5">
        <img src="img/ready.png" alt="" class="s_btn6">
        <img src="img/time.png" alt="" class="s_btn7">
        <div class="s_btn8">
            <span>0:0:</span><span class="s_btn9">30</span>
        </div>
    </div>

    <!-- 过关啦 -->
    <div id="end_success">
        <img src="img/start_logo.png"/>
        <img src="img/guoguanla.png"/>
        <p>你共闯过了<span class="miss">0</span>个障碍物</p>
        <p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>
        <img src="img/yaoqingdaoshi.png"/>
        <img src="img/yaoqing.png" class="yaoqing"/>
        <img src="img/paihangbang.png" class="paihang"/>
        <div class="yaoqingup">
            <img src="img/choose.png" alt="" />
        </div>
        <div class="bangdan">
            <img src="img/paihang.png"/>
            <img src="img/close.png" class="close"/>
        </div>
    </div>

    <!-- 失败啦 -->
    <div id="end_fail">
        <img src="img/start_logo.png"/>
        <img src="img/yihan.png"/>
        <p>你只闯过了<span class="miss">0</span>个障碍物</p>
        <p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>
        <img src="img/playagain.png"/>
        <img src="img/again.png" class="end_again"/>
        <img src="img/paihangbang.png" class="paihang"/>
        <div class="bangdan">
            <img src="img/paihang.png"/>
            <img src="img/close.png" class="close"/>
        </div>
    </div>

    <!--&lt;!&ndash; 邀请导师 &ndash;&gt;-->
    <!--<div id="choose">-->
    <!--<img src="img/start_logo.png"/>-->
    <!--<img src="img/yaoqingni.png"/>-->
    <!--<img src="img/30stiaozhan.png"/>-->
    <!--<p>闯过了<span class="miss">0</span>个障碍物</p>-->
    <!--<p>胜出全国<span class="percent">0</span><span class="percent1">%</span>的玩家</p>-->
    <!--<img src="img/click_choose.png"/>-->
    <!--<img src="img/good.png"/>-->
    <!--<img src="img/bad.png"/>-->
    <!--</div>-->

    <!--&lt;!&ndash; No one选择你 &ndash;&gt;-->
    <!--<div id="noone">-->
    <!--<img src="img/start_logo.png"/>-->
    <!--<img src="img/noone.png"/>-->
    <!--<p>(已有<span class="chooseNum">0</span>位导师选择“你丫太差啦”)</p>-->
    <!--<img src="img/chooseyou2.png"/>-->
    <!--<img src="img/again2go.png"/>-->
    <!--<img src="img/dianping.png"/>-->
    <!--</div>-->

    <!--&lt;!&ndash; 被淘汰啦 &ndash;&gt;-->
    <!--<div id="taotai">-->
    <!--<img src="img/start_logo.png"/>-->
    <!--<img src="img/taotai.png"/>-->
    <!--<img src="img/again2go.png"/>-->
    <!--</div>-->

    <!-- 去抽奖吧 -->
    <div id="tochoujiang">
        <img src="img/start_logo.png"/>
        <img src="img/lot2.png"/>
        <img src="img/lot1.png" class="tochooseprize"/>
    </div>

    <!-- 抽奖转盘 -->
    <div id="zhuanpan">
        <img src="img/start_logo.png" />
        <img src="img/zhuanpan1.png" id="zp_pan"/>
        <div id="zp_car_box">
            <img src="img/chou_car.png" alt="" id="zp_car">
        </div>
        <img src="img/readygo.png" id="zp_readyGo" />
        <img src="img/hand.png" id="zp_hand" />
    </div>
    <div id="choujiang">
        <div id="zhongjiang">
            <img src="img/gongxi.png">
            <img src="img/win1.png" id="zj_zp">
            <img src="img/lingjiang_btn.png" class="lingjiang_btn">
        </div>
        <div id="info">
            <img src="img/lingjiangxinxi.png">
            <div class="username">姓名 <input type="text"></div>
            <div class="tel">电话 <input type="text"></div>
            <div class="address">住址
                <select name="" id="province">
                    <option value="0">请选择</option>
                </select>
                <select name="" id="city"></select>
            </div>
            <img src="img/select.png" alt="">
            <img src="img/select.png" alt="">
            <div class="qu"><input type="text"></div>
            <img src="img/tianhaole.png" class="tianhaole">
        </div>
        <div id="submit">
            <img src="img/suc1.png"/>
        </div>
        <div id="yihan">
            <img src="img/gameover.png">
            <img src="img/again2go.png" class="again2">
        </div>
    </div>


    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/loading.js"></script>
    <script src="js/index.js"></script>

</body>
</html>